<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <title>{% block title %}Container Mangement Framework{% endblock %}</title>

    <!-- BEGIN STYLESHEETS -->
    {% load staticfiles %}
    <link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/bootstrap/css/bootstrap.min.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/bootstrap/css/bootstrap-responsive.min.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/font-awesome/css/font-awesome.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'docker_engine/css/style.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'docker_engine/css/style_responsive.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'docker_engine/css/style_default.css' %}" />
    <link href="#" rel="stylesheet" id="style_metro" />
    {% block extra-css %}
    {% endblock %}
    <!-- END STYLESHEETS -->
</head>

<body class="fixed-top">
    <!-- BEGIN HEADER -->
    {% include 'docker_engine/header.html' %}
    <!-- END HEADER -->

    <!-- BEGIN CONTAINER -->
    <div id="container" class="row-fluid">
        <!-- BEGIN SIDEBAR -->
        {% include 'docker_engine/sidebar.html' %}
        <!-- END SIDEBAR -->

        <!-- BEGIN PAGE -->
        <div id="body">
            <!-- BEGIN PAGE CONTAINER-->
            <div class="container-fluid">
                <!-- BEGIN PAGE HEADER-->
                <div class="row-fluid">
                    <div class="span12">       
                        <!-- BEGIN PAGE TITLE & BREADCRUMB-->       
                        <h3 class="page-title">
                            {{ page_title }}
                        </h3>
                        <ul class="breadcrumb">
                            <li>
                                <i class="icon-home"></i>
                                <a href="/docker/dashboard">Dashboard</a> <span class="divider">/</span>
                            </li>
                            <li>
                                <a href="#" id="module">{{ module_name }}</a> <span class="divider">/</span>
                            </li>
                            <li><a href="#" id="content">{{ content_name }}</a></li>
                        </ul>
                        <!-- END PAGE TITLE & BREADCRUMB-->
                    </div>
                </div>
                <!-- END PAGE HEADER-->

                <!-- BEGIN NOTIFICATION-->
                <div id="notification" class="alert alert-success hidden"></div>
                <!-- END NOTIFICATION-->

                <!-- BEGIN PAGE CONTENT-->
                {% block content %}
                {% endblock %}
                <!-- END PAGE CONTENT -->
            </div>
            <!-- END PAGE CONTAINER -->
        </div>
        <!-- END PAGE -->
    </div>
    <!-- END CONTAINER -->

    <!-- BEGIN FOOTER -->
    {% include 'docker_engine/footer.html' %}
    <!-- END FOOTER -->

    <!-- BEGIN JAVASCRIPTS -->
    <script src="{% static 'docker_engine/js/jquery-1.8.2.min.js' %}"></script>
    <script src="{% static 'docker_engine/assets/bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'docker_engine/js/jquery.blockui.js' %}"></script>
    <script src="{% static 'docker_engine/js/custom.js' %}"></script>
    {% block extra-js %}
    {% endblock %}
    <!-- END JAVASCRIPTS -->
</body>

</html>